// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@import 'includes/base';
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
@import 'includes/dark-mode';
@import 'includes/mofo-donate-cta';

.wnp-content-main {
    text-align: center;

    .mzp-l-content {
        padding-top: $spacing-lg;
        padding-bottom: $layout-xl;
    }
}

.wnp-main-title {
    @include text-title-md;
    margin-top: $spacing-sm;
}

.wnp-main-tagline {
    margin: 0 auto $spacing-lg;
}

@media (min-height: 700px) {
    .wnp-main-tagline {
        margin-bottom: $spacing-xl;
    }

    .wnp-main-title {
        margin-top: $spacing-xl;
    }
}

// Dark mode support
@media (prefers-color-scheme: dark) {
    .wnp-main-title,
    .wnp-main-tagline {
        color: $color-white;
    }
}
